<!DOCTYPE html>
<html lang="en">
<head>
    <link rel="shortcut icon" type="image/x-icon" href="img/home1/logoWeixin.png">
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <link href="css/bootstrap.min.css" rel="stylesheet" type="text/css">
    <link href="css/chargeMoney.css" rel="stylesheet" type="text/css">
    <link href="css/global_Initialization.css" type="text/css">
    <script src="js/jquery.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/public.js"></script>
    <script src="js/chargeMoney.js"></script>
    <title>充值中心</title>

</head>
<body>
    <div id="header">
        <div id="noLogin">
            <a href="home1.html"><img src="img/home1/logo.png"></a>
            <input class="form-control " id="username" type="text" placeholder="请输入手机号">
            <input class="form-control " id="password" type="password" placeholder="请输入密码">
            <a tabindex="0" id="login" class="btn  btn-default " role="button" data-toggle="popover" data-trigger="focus" title="警 告" data-content="您输入的用户名或密码错误">登 录</a>
            <button class="btn btn-default " id="register">注 册</button>
            <button type="button" class="btn btn-link " id="forgetPassword">忘记密码</button>
        </div>
        <div id="loginEd">
            <a href="home1.html"><img src="img/home1/logo.png" ></a>
            <span class="userInfo ">你好：18682559918</span>
            <span class="userInfo ">VIP到期：2017-10-30</span>
            <button class="btn btn-default " id="chargeMoney">充值会员</button>
            <button class="btn btn-default " id="exit">退出登录</button>
            <button type="button" class="btn btn-link " id="changePassword">修改密码</button>
        </div>
    </div>

    <div id="main">
        <div id="chargeVIP">
            <p id="VIP">充值VIP会员</p>
            <span class="howMuch checked2">
                ￥39 <span class="methods">月</span>
            </span>

            <span class="howMuch">
                ￥39 <span class="methods">季</span>
            </span>

            <span class="howMuch">
                ￥39 <span class="methods">年</span>
            </span>

            <span class="howMuch">
                ￥39 <span class="methods1">终生</span>
            </span>
            <div>
                <span class="Money">
                    <img class="zhiFu" src="img/chargeMoney/zhifubao.png" alt="支付宝">
                    <p><img src="img/chargeMoney/zhifubaoLG.jpg" width="160" height="70"></p>
                </span>

                <span class="Money">
                    <img class="zhiFu marginTop" src="img/chargeMoney/weixin.png" alt="支付宝">

                    <p><img src="img/chargeMoney/weixinLG.jpg" width="250" height="70"></p>
                </span>
            </div>
        </div>
    </div>

</body>
</html>